<!-- xxx2 -->
<template>
  <div id="xxx2">
    <!-- 子菜单 -->
    <SideMenuBtnGroup :menuLists="menuList" :menuNameTitle="menuNameTitle" @changeColorFlog="changeColorFlog"></SideMenuBtnGroup>
    <!-- 功能显示区域 子路由跳转 -->
    <router-view></router-view>
  </div>
</template>

<script>
import SideMenuBtnGroup from '../parts/SideMenuBtnGroup'
export default {
  name: 'xxx2',
  el: '#xxx2',
  components: {
    'SideMenuBtnGroup': SideMenuBtnGroup
  },
  data () {
    return {
      menuNameTitle: '回答信息管理',
      menuList: [
        { menuPath: '/xxxPage2/function2', menuName: '批量管理', colorFlag: true }
      ]
    }
  },
  computed: {
  },
  methods: {
    changeColorFlog (i) {
      for (let j in this.menuList) {
        this.$set(this.menuList[j], 'colorFlag', false)
      }
      this.$set(this.menuList[i], 'colorFlag', true)
    }
  }
}
</script>

<style scoped>
  /*@import '../../../static/css/Parks.css';*/
  #xxx2 {
    height: 100%;
    width: 100%;
    position: relative;
  }
</style>
